.banner-area {
  height: 3.9rem;
  background-size: cover;
  background-position: center;
}

.certificate-query {
  padding: 0.18rem;
  width: 84vw;
  margin: -1rem auto 1rem auto;
  z-index: 100;
  position: relative;
  background: #fff;
}

.form-box {
  width: 100%;
}

.certificate-query .form-input {
  width: calc(100% - .2rem);
  height: .2rem;
  border: none;
  margin: .1rem auto 0 auto;
  border-radius: .04rem;
  background: rgba(233, 236, 242, 1);
  padding: .15rem .1rem;
  font-size: .14rem;
  font-weight: 400;
}

.form-input:focus-visible {
  border: none !important;
}

.certificate-query .form-label {
  margin-top: .17rem;
  font-size: .14rem;
  font-weight: 500;
  color: rgba(102, 107, 122, 1);
}

.certificate-query .form-submit {
  border: none;
  width: 100%;
  background: var(--main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: .5rem;
  margin: .2rem auto;
  border-radius: .05rem;
  font-size: .16rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.about-us-brief {
  background-repeat: no-repeat;
  background-position: center 28vh;
  background-size: 30vw;
}

.about-us-brief .more {
  width: 1.2rem;
  height: .32rem;
  line-height: .32rem;
  border-radius: .04rem;
  border: 2px solid var(--main-color-light);
  font-size: .14rem;
  font-weight: 400;
  color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .3rem auto .5rem auto;
}

.detection-range {
  background-image: url(./images/business-area.png);
  background-size: cover;
  text-align: center;
  overflow: hidden;
  background-position: center;
}

.detection-box {
  max-width: 2rem;
  max-height: 2rem;
  width: 44vw;
  height: 44vw;
  margin-bottom: .2rem;
  position: relative;
}

.detection-box .bg-img {
  background-size: cover;
  width: 100%;
  height: 100%;
}

.detection-box .detection-name {
  position: absolute;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  color: #ffffff;
}

.experts {
  background: rgba(242, 243, 247, 1);
}

.expert-list {
  width: 100%;
  background: rgba(255, 255, 255, 1);
}

.expert-box {
  width: 100%;
  height: 4.9rem;
  overflow: hidden;
  padding: .16rem;
  box-sizing: border-box;
}

.expert-avatar {
  margin-bottom: .15rem;
  width: 100%;
  height: 2.27rem;
  object-fit: contain;
  background-position: center;
}

.expert-intro {
  color: rgba(36, 38, 43, 1);
}

.expert-name {
  font-size: .2rem;
  font-weight: 700;
  margin-bottom: .06rem;
}

.expert-honor {
  font-size: .14rem;
  font-weight: 500;
  margin-bottom: .15rem;
}

.expert-description {
  font-size: .14rem;
  font-weight: 400;
  color: rgba(102, 107, 122, 1);
  margin-bottom: .15rem;
}

.expert-box .check-detail {
  border-top: 1px solid var(--main-color-light);
  padding-top: .15rem;
  font-size: .14rem;
  font-weight: 500;
  color: var(--main-color);
}

.advantage img{
  width: 100%;
  object-fit: cover;
}

.box-bar{
  padding-bottom: .1rem;
  border-bottom: 1px solid var(--main-color-light);
}
.bar-name{
  font-size: .16rem;
  font-weight: 400;
  color: rgba(36, 38, 43, 1);
}
.bar-more{
  font-size: .12rem !important;
  font-weight: 400;
  color: var(--main-color);
}
.up-news-box {
  box-sizing: border-box;
  display: block;
  padding: .12rem;
  border: 0.38px solid rgba(212, 213, 214, 1);
}
.up-news-box img {
  width: 100%;
  object-fit: cover;
  margin-bottom: .1rem;
}

.up-news-box .news-title {
  font-size: .16rem;
  font-weight: 500;
  color: rgba(36, 38, 43, 1);
  margin-bottom: .1rem;
}

.up-news-box .news-desc {
  font-size: .14rem;
  font-weight: 400;
  color: rgba(102, 107, 122, 1);
  margin-bottom: .1rem;
}
.up-news-box .news-time {
  font-size: .14rem;
  font-weight: 400;
  color: var(--main-color-light);
}
.down-news-box img {
  flex: 0 0 .64rem;
  height: .43rem;
  object-fit: cover;
  margin-right: .1rem;
} 
.down-news-box .news-desc {
  font-size: .14rem;
  font-weight: 400;
  color: rgba(36, 38, 43, 1);
  margin-right: .1rem;
} 
.down-news-box .news-time {
  font-size: .12rem;
  font-weight: 400;
  color: rgba(102, 107, 122, 1);
} 
.law-box {
  margin: .3rem auto;
}

.law-item {
  box-sizing: border-box;
  margin: .1rem auto;
  display: flex;
  align-items: center;
  padding: .17rem;
  width: 100%;
  border: .01rem solid rgba(212, 213, 214, 1);
}
.law-item i {
  font-size: .2rem;
  color: rgba(212, 48, 48, 1);
}
.law-item .icon-fangxiang {
  font-size: .2rem;
  color: rgba(196, 196, 196, 1);
}
.law-title{
  font-size: .16rem;
  font-weight: 400;
  color: rgba(36, 38, 43, 1);
  margin: 0 .1rem;
}
.case-publish-time {
  font-family: 'HanSans-song';
  font-size: .12rem;
  font-weight: 700;
  color: rgba(36, 38, 43, 1);
  padding-bottom: .05rem;
  border-bottom: 1px solid var(--main-color-lighter);
  margin-bottom: .05rem;
}

.case-img {
  flex: 0 0 1rem;
  height: .78rem;
  margin-right: .1rem;
  object-fit: cover;
}

.case-title {
  margin: .07rem 0 .07rem 0;
  font-size: .16rem;
  font-weight: 500;
  color: rgba(36, 38, 43, 1);
}

.case-description {
  margin-bottom: .05rem;
  font-size: .14rem;
  font-weight: 400;
  color: rgba(102, 107, 122, 1);
}